<header class="header" >
    <mat-toolbar class="header-container" color="primary">
        <h1 class="logo">
            <a routerLink="/">源创艺</a>
        </h1>
        <nav class="header-nav" >

          <a mat-button	 [routerLink]="[{outlets: {primary: 'user',auth: null}}]" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">人员管理</a>
          <!--<div  (mouseenter)="isShowAsset = true;" (mouseleave)="isShowAsset = false;" class="showBtn">-->
              <!--<a mat-button  [routerLink]="'/asset'"  routerLinkActive="active">资产管理</a>-->
              <!--<ul class="showAsset" *ngIf="isShowAsset">-->
                <!--<a class="selectBtn" mat-button [routerLink]="'/asset'" routerLinkActive="active">资产入库</a>-->
                <!--<a class="selectBtn" mat-button [routerLink]="'/assetAssign'" routerLinkActive="active">资产分配</a>-->
              <!--</ul>-->
          <!--</div>-->
          <a mat-button [routerLink]="'/asset'" routerLinkActive="active">资产管理</a>
          <a mat-button [routerLink]="'/department'" routerLinkActive="active">部门管理</a>
          <a mat-button [routerLink]="'/forum'" routerLinkActive="active">论坛管理</a>


          <!--<div class="" style="width: 50%"></div>-->
          <div class="fill-remaining-space"></div>

            <a  class="message" routerLinkActive="active"><i class="iconfont">&#xe608;</i>
              <span class="material-count">5</span>
            </a>

            <div mat-button [matMenuTriggerFor]="userMenu" *ngIf="isLogin">
              {{user.username}}
            </div>


          <mat-menu [overlapTrigger]="false" #userMenu="matMenu">
            <!--<button mat-menu-item routerLink="/user/me" routerLinkActive="am-active">个人主页</button>-->
            <button mat-menu-item routerLink="/user/userInfo" routerLinkActive="am-active">基本信息</button>
            <button mat-menu-item routerLink="/user/security" routerLinkActive="am-active">账号安全</button>
            <button mat-menu-item (click)="onLogout()" >退出登录</button>
          </mat-menu>

          <div class="material-topbar-login" *ngIf="!isLogin">
              <a mat-button [routerLink]="[{outlets: {auth: 'login'}}]" class="am-topbar-login" >登录</a>
              <span>|</span>
              <a mat-button [routerLink]="[{outlets: {auth: 'register'}}]" class="am-topbar-login" >注册</a>
          </div>

        </nav>
    </mat-toolbar>
</header>

